const ProgressBar = ({ value,
  label,
  background,
  height,
  isStriped
}) => {
  return (
    <div className="progress" style={{height}}>
      <div
        className={`progress-bar ${
          isStriped ? 'progress-bar-striped': ''
        } ${
          background? 'bg-'+background : ''
        }`}
        role="progressbar"
        style={{ width: value+'%', }}
      >
        {label}
      </div>
    </div>
  )
}

export default ProgressBar
